<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
	<!-- HTML结构层：列表主要是相同数据的集合
	                有序列表，无序列表，定义列表
					有序列表与无序列表自带样式
		列表项标志属性   list-style-type
					   有序列表属性值：none、decimal、lower-roman
					                         默认（数值）、小罗马数字
					   无序列表属性值：none、disc、circle、square
					                         默认（实心圆）、空心圆、实心方块
			实际开发中：无序列表来定义相同数据集合、有利于SEO优化	
				实际常用属性：list-style-type：none;与统配选择器一起使用
										           去掉页面上所有列表的样式
	 -->
	<style>
		ol li{
			list-style-type: none;
			
		}
		ul li{
			list-style-type:square ;
		}
	</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>哪吒2</li>
			<li>封神2</li>
			<li>射雕英雄传</li>
		</ol>
		<h1>无序列表</h1>
		<li>魔方大厦</li>
		<li>邋遢大王</li>
		<li>小糊涂神</li>
	</body>
</html>